<%--
  Created by IntelliJ IDEA.
  User: zhangjie
  Date: 2019/4/24
  Time: 4:06 PM
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/jsp/component/common.jsp" %>
<%@ include file="/WEB-INF/jsp/component/commonBottom.jsp" %>
<html>

<head>
    <meta http-equiv="Content-Type" content="multipart/form-data; charset=utf-8" />
    <title>骨松信息修改页面</title>
    <link rel="stylesheet" href="${frames}/css/lib/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="${frames}/css/lib/dataTables.bootstrap.css" type="text/css">
    <%--<link rel="stylesheet" href="${frames}/css/paginate.css" type="text/css">--%>
    <%--<link rel="stylesheet" href="${frames}/css/qulitity.css" type="text/css">--%>
    <link rel="stylesheet" href="../assets/css/views/modules/_common.scss">
    <link rel="stylesheet" href="${newframe}/css/base/base.css" type="text/css">
    <link rel="stylesheet" href="${assets}/css/views/bloodScreening.css">
    <link rel="stylesheet" href="${assets}/css/views/department/departmentMgr.css">
    <script src="../assets/js/views/vue.min.js"></script>
    <script src="${js}/jquery-1.9.1.min.js"></script>
    <script src="${js}/jquery.dataTables.js"></script>
    <link href="../assets/css/bootstrap-datetimepicker.css" type="text/css">
    <script src="../assets/js/bootstrap-datetimepicker.min.js"></script>
    <script src="${frames}/Chronic/laydate/laydate.js"></script>
    <script src="${assets}/js/views/bpAbnormal.js"></script>
    <%@ include file="/WEB-INF/jsp/component/commonBottom.jsp" %>
    <script type="text/javascript" src="../assets/js/echarts.js"></script>
    <style>
        .color{
            margin:0 !important;
        }
        span{
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            font-family: PingFang-SC-Regular;
        }
        .illness span{
            height: 16px;
            font-family: PingFang-SC-Regular;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #666666;
        }
        .btn{
            float:right ;
            width:100px;
            font-size:16px;
            line-height:28px;
            background:#35acfd !important;
            margin-right:15px !important;
            padding:0 !important;
        }
        .title{
            font-family: MicrosoftYaHei;
            font-size: 16px !important;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0.3px;
            color: #666666;
        }
        label{
            height: 16px;
            font-family: PingFang-SC-Regular;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #666666;
        }
        /* 随访时间及方式 */
        .way,illness,sign,live,evaluate{
            margin-bottom:30px;
        }
        .way_content,illness_content{
            width:100%;
            margin-left:15px;
            margin-top:19px;
        }
        .way_content label{
            width:auto;
        }
        .way_content div{
            margin-bottom:20px;
        }
        .way_content input,#accompanyType{
            width: 15%;
            line-height: 30px;
            height:30px;
            border: solid 1px #d0d0d0;
            font-family: MicrosoftYaHei;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #333333;
            text-indent:10px !important;
        }
        /* 病症 */
        .illness_content{
            margin-left:15px;
            margin-bottom:20px;
        }
        .illness_content label{
            margin-left:22px;
        }
        input[type=checkbox] {
            width:20px;
            height:20px;
            -webkit-appearance: none;
            border-radius:5px;
            border:1px solid #9e9e9e;
            vertical-align:top;
            margin-top:7px;
            display:inline-block !important;
        }
        input[type=checkbox]:checked{
            background-image: url('../assets/images/radio.png');
            background-size:100% 100%;
            border:none
        }
        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
            -webkit-appearance: none;
        }
        input[type="number"]{
            -moz-appearance: textfield;
        }
        .ill1{
            margin-right:22px;
            margin-bottom:20px;
        }
        .ill1 label{
            margin-left:22px;
        }
        /* 体征 */
        .sign_content{
            margin-left:15px;
            margin-top:20px;
            margin-bottom:20px;
        }
        .sign_content div input{
            width:180px;
            line-height: 30px;
            border: solid 1px #d0d0d0;
            text-indent:10px;
            position:absolute;
            height:30px;
            display:inline-block;
        }
        .sign_content div span{
            position:relative;
            left:130px;
        }
        .sign_content div{
            display:inline-block;
            width:270px;
        }
        .second div input{
            width:135px;
        }
        .second div span{
            left:80px;
        }
        /*.second div{*/
        /*width:230px;*/
        /*}*/
        .third div input{
            width:135px;
        }
        .third div span{
            left:80px;
        }
        .third div{
            width:230px;
        }
        /* 生活方式调查 */
        .live_content{
            margin-left:15px;
            margin-top:20px;
        }
        .live_content span{
            font-family: PingFang-SC-Regular;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #666666;
            margin-right:19px;
            display:inline-block;
        }
        .live_content input{
            width: 115px;
            height: 30px;
            border: solid 1px #d0d0d0;
            line-height:30px;
            margin-right:10px;
            text-indent:10px;
        }
        .live_content div{
            margin-top:20px;
        }
        .sprots span{
            margin-right:65px;
        }
        #salt{
            width: 15%;
            height: 30px;
            border: solid 1px #d0d0d0;
            font-family: MicrosoftYaHei;
            font-size: 15px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #333333;
            text-indent:10px;
            margin-right:19px;
        }
        .salt input{
            width: 180px;
            height: 30px;
            border: solid 1px #d0d0d0;
            line-height:30px;
            margin-right:10px;
            text-indent:10px;
        }
        .mentality{
            margin-bottom:20px;
        }
        select{
            width: 181px;
            height: 30px;
            border: solid 1px #d0d0d0;
            font-family: MicrosoftYaHei;
            font-size: 15px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #333333;
            text-indent:10px;
        }
        .salttype{
            width: 200px;
            height: 30px;
        }
        /* 随访评估 */
        .evaluate_content{
            margin-left:15px;
            margin-bottom:20px;
            margin-top:20px;
        }
        .evaluate_content span{
            font-family: PingFang-SC-Regular;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #666666;
            margin-right:19px;
            display:inline-block;
        }
        /* 治疗建议 */
        .suggest_content{
            margin-left:15px;
            margin-bottom:20px;
            margin-top:20px;
        }
        .suggest_content span{
            font-family: PingFang-SC-Regular;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #666666;
            margin-right:19px;
            display:inline-block;
        }
        .suggest_content textarea{
            width: 500px;
            height: 120px;
            border: solid 1px #d0d0d0;
            vertical-align:top
        }
        #main{
            margin-top:0px !important;
        }
        /*  表格 */
        #example th{
            height: 30px;
            background-color: #e6e6e6;
            font-family: MicrosoftYaHei;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #666666;
            text-align:center;
        }
        #example td{
            text-align:center;
            height: 17px;
            font-family: MicrosoftYaHei;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #333333;
        }
        #mytool{
            width:96%;
        }
        #example_paginate{
            margin-top:15px;
            width:100%;
            text-align: center;
            margin-bottom:40px;
        }
        button{
            margin-top:0px !important;
        }
        .btn{
            font-family: MicrosoftYaHei;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0.3px;
            color: #ffffff;
        }
        textarea{
            font-family: MicrosoftYaHei;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #333333;
            text-indent:10px;
        }
        input{
            text-indent:10px;
            font-family: MicrosoftYaHei;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #333333;
        }
        .content{
            height:auto !important;
        }
        .illness{
            box-shadow:none !important;
            margin-top:0 !important;
            padding-top:20px;
        }
        .dataTables_empty{
            line-height:30px;
        }
        .default{
            border:1px solid red !important;
        }
        input{
            display:inline-block !important;
        }
        .warn{
            padding:30px;
            width:90% !important;
            background:#e6e6e6;
        }
        .warn ul li{
            font-family: MicrosoftYaHei;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #333333;
            text-indent:10px;
        }
        input[type=radio] {
            width:20px;
            height:20px;
            vertical-align:middle;
            -webkit-appearance: none;
            margin:0 !important;
            border-radius:50%;
            background-image: url('../assets/images/nocheck.png');
            background-size:100% 100%
        }
        input[type=radio]:checked{
            background-image: url('../assets/images/checkout.png');
            background-size:100% 100%
        }
        .default{
            border:1px solid red !important;
        }
        .inputVal{
            position:absolute;
            height:30px;
        }
        .inputText{
            position:relative;
        }
        textarea{
            width: 60%;
            height: 180px;
            border: solid 1px #d0d0d0;
            vertical-align:top;
            text-indent:10px;
            font-family: MicrosoftYaHei;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #333333;
        }
        .unit{
            position:relative;
            height:30px;
            margin-bottom:0px !important;
            vertiacl:middle;
            top:8px;
        }
        .unit input{
            position:absolute;
        }
        #tooltip{
            position:absolute;
            border:1px solid #ccc;
            background:#333;
            width:400px;
            height:auto;
            padding:2px;
            display:none;
            color:#fff;
        }
        .unit span{
            position:absolute;
            left:80%;
        }
        .illnessTitle{
            width:160px;
            display:inline-block;
            vertical-align:middle;
            text-align:center;
            line-height:34px !important;
            height:34px !important;
        }
        #example_wrapper div:nth-child(1) div:nth-child(1){
            display:none;
        }
        .dataTables_paginate{
            display:none;
        }
        tbody .dataTables_empty{
            text-align:center;
        }
        .img{
            width:100px;
            height:100px;
            display:inline-block;
        }
        tbody tr th{
            background:white !important;
        }
    </style>
</head>
<body>
<div>
    <%@ include file="../../breadline.jsp" %>
</div>
<div id="main" class="wrap">
    <%--<div v-show="medical">--%>
    <%--<%@ include file="./check.jsp" %>--%>
    <%--</div>--%>

    <div>
        <%@ include file="../../personalnews.jsp" %>
    </div>

    <div class="illness" style="width:99%; margin-right:19px;">
        <div class="tableWrap" style="padding-bottom:20px;background-color: #ffffff;box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.05);">
            <div style="margin-left:20px;">
                <h3 style="margin-bottom:16px;font-size:20px;">诊疗信息</h3>
                <button type="button" class="btn btn-info" @click="pressure()">
                    <img src="../assets/images/revise.png" alt="" style="width:16px;vertical-align: middle;">  保存
                </button>
            </div>
            <div style="margin-left:19px;">
                <div class="way">
                    <span style="width:5px;padding-bottom:25px;background-color:#35acfd;display:inline-block;vertical-align:middle;margin-right:10px;"></span>
                    <span class="title">随访日期</span>
                    <div class="way_content">
                        <div style="margin-bottom:0px;">
                            <label for="">随访日期：</label>
                            <div class="input-group date form_date" data-date-format="yyyy-mm-dd" style="display:inline-block !important;width:15%;">
                                <input id="beginDate" v-model="checkData.accompanyTime" type="text" class="lay-date" readonly style="width:100% !important;">
                            </div>
                            <label for="" style="margin-left:40px;">随访方式：</label>
                            <%-- 随访方式 下拉 --%>
                            <select id="accompanyType" name="accompanyType" class="SN" v-model="checkData.accompanyType" >
                                <medi:configOpt name="accompanyType"/>
                            </select>
                            <%--<label for="" style="margin-left:20px;">随访医师：</label>--%>
                            <%--<input type="text"  v-model="checkData.doctorName">--%>
                        </div>
                        <div style="margin-bottom:0px;">
                            <label for="" style="">下次随访：</label>
                            <div class="input-group date form_date" data-date-format="yyyy-mm-dd" style="display:inline-block !important;width:15%;">
                                <input id="nextDate" v-model="checkData.nextAccompanyTime" type="text" class="lay-date"  readonly style="width:100% !important;">
                            </div>
                        </div>
                    </div>
                    <div class="way">
                        <span style="width:5px;padding-bottom:25px;background-color:#35acfd;display:inline-block;vertical-align:middle;margin-right:10px;"></span>
                        <span class="title">随诊记录</span>
                        <div class="way_content">
                            <div>
                                <div class="sign_content third" style="margin-left:0px;margin-bottom:0px;">
                                    <label for="">随诊日期：</label>
                                    <div style="width:120px;display:inline-block;vertical-align:top;margin-bottom:5px;">
                                        <div id="PrevTime" class="input-group date form_date" style="width: 100%;margin-bottom:0px;"  data-date-format="yyyy-mm-dd" >
                                            <input v-model="checkData.checkTime" id="checkTime" type="text" class="lay-date" placeholder="  开始日期" readonly>
                                        </div>
                                    </div>
                                    <div style="margin-bottom:0px;margin-left:20px;">
                                        <label for="">系首诊后：</label>
                                        <input type="text" class="weightGuide form-control weight afterDate" v-model="checkData.afterDate">
                                        <span style="left:105px;">月</span>
                                    </div>
                                    <label for="checkType">随诊类型：</label>
                                    <select name="checkType" id="checkType" v-model="checkData.checkType">
                                        <option value="">请选择</option>
                                        <option value="1">按医生随诊</option>
                                        <option value="2">不按医生随诊</option>
                                    </select>
                                </div>
                            </div>
                            <div>
                                <div class="sign_content third" style="margin-left:0px;margin-bottom:0px;">
                                    <div style="margin-bottom:0px;">
                                        <label for="">身高：</label>
                                        <input type="number" class="height form-control" v-model="checkData.height">
                                        <span style="left:100px;">cm</span>
                                    </div>
                                    <div style="margin-bottom:0px;">
                                        <label for="">体重：</label>
                                        <input type="number" class="weightGuide form-control weight" v-model="checkData.weight">
                                        <span style="left:105px;">kg</span>
                                    </div>
                                    <div style="margin-bottom:0px;">
                                        <label for="">BMI：</label>
                                        <input type="text" class="bmi form-control" v-model="BMI">
                                        <span style="left:80px;">kg/m²</span>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <label for="">诊疗的诊断结论：</label>
                                <textarea name="" id="" cols="30" rows="10" style="height:80px;" v-model="checkData.checkData"></textarea>
                            </div>
                            <div>
                                <label for="">经药物治疗后，症状改善情况：</label>
                                <label for="usdDrug">是否遵医嘱使用药物治疗：</label>
                                <select name="usdDrug" id="usdDrug" v-model="checkData.usdDrug">
                                    <option value="">请选择</option>
                                    <option value="1">是</option>
                                    <option value="0">否</option>
                                </select>
                            </div>
                            <div style="margin-left:128px;">
                                <label for="waistType">腰背痛：</label>
                                <select name="waistType" id="waistType" v-model="checkData.waistType">
                                    <option value="">请选择</option>
                                    <option value="1">改善</option>
                                    <option value="2">改善不明显</option>
                                </select>
                                <label for="waistMsg" style="margin-left:20px;">详述：</label>
                                <input type="text" name="waistMsg" id="waistMsg" v-model="checkData.waistMsg">
                            </div>
                            <div style="margin-left:128px;">
                                <label for="boneType">骨痛：</label>
                                <select name="boneType" id="boneType" v-model="checkData.boneType">
                                    <option value="">请选择</option>
                                    <option value="1">改善</option>
                                    <option value="2">改善不明显</option>
                                </select>
                                <label for="boneMsg" style="margin-left:20px;">详述：</label>
                                <input type="text" id="boneMsg" name="boneMsg" v-model="checkData.boneMsg">
                            </div>
                            <div style="margin-left:128px;">
                                <label for="muscleType">肌肉抽搐：</label>
                                <select name="muscleType" id="muscleType" v-model="checkData.muscleType">
                                    <option value="">请选择</option>
                                    <option value="1">改善</option>
                                    <option value="2">改善不明显</option>
                                </select>
                                <label for="muscleMsg" style="margin-left:20px;">详述：</label>
                                <input type="text" name="muscleMsg" id="muscleMsg" v-model="checkData.muscleMsg">
                            </div>
                            <div style="margin-left:128px;">
                                <label for="powerType">乏力：</label>
                                <select name="powerType" id="powerType" v-model="checkData.powerType">
                                    <option value="">请选择</option>
                                    <option value="1">改善</option>
                                    <option value="2">改善不明显</option>
                                </select>
                                <label for="powerMsg" style="margin-left:20px;">详述：</label>
                                <input type="text" id="powerMsg" name="powerMsg" v-model="checkData.powerMsg">
                            </div>
                            <div style="margin-left:128px;">
                                <label for="walkType">行走距离：</label>
                                <select name="walkType" id="walkType" v-model="checkData.walkType">
                                    <option value="">请选择</option>
                                    <option value="1">改善</option>
                                    <option value="2">改善不明显</option>
                                </select>
                                <label for="walkMsg" style="margin-left:20px;">详述：</label>
                                <input type="text" id="walkMsg" name="walkMsg" v-model="checkData.walkMsg">
                            </div>
                            <%--<div style="margin-left:128px;">--%>
                            <%--<label for="">腰背痛：</label>--%>
                            <%--<select name="" id="">--%>
                            <%--<option value="">是</option>--%>
                            <%--<option value="">否</option>--%>
                            <%--</select>--%>
                            <%--<label for="" style="margin-left:20px;">详述：</label>--%>
                            <%--<input type="text">--%>
                            <%--</div>--%>
                            <div style="margin-left:128px;">
                                <label for="newFracture">自上次就诊后是否有新发骨折：</label>
                                <select name="newFracture" id="newFracture" v-model="checkData.newFracture">
                                    <option value="">请选择</option>
                                    <option value="1">是</option>
                                    <option value="2">否</option>
                                </select>
                            </div>
                            <div style="margin-left:128px;">
                                <label for="walkState">行动状态：</label>
                                <select name="walkState" id="walkState" v-model="checkData.walkState">
                                    <option value="">请选择</option>
                                    <option value="1">独立行走</option>
                                    <option value="2">需要仪器协助</option>
                                    <option value="3">卧床</option>
                                </select>
                                <label for="standHelp" style="margin-left:20px;">由作为起立时是否需要协助：</label>
                                <select name="standHelp" id="standHelp" v-model="checkData.standHelp">
                                    <option value="">请选择</option>
                                    <option value="1">需要</option>
                                    <option value="2">不需要</option>
                                </select>
                            </div>
                            <div>
                                <label for="">其他说明的情况：</label>
                                <textarea name="" id="" cols="30" rows="10" style="height:80px;" v-model="checkData.checkOther"></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="way">
                        <span style="width:5px;padding-bottom:25px;background-color:#35acfd;display:inline-block;vertical-align:middle;margin-right:10px;"></span>
                        <span class="title">随诊检查记录</span>
                        <div class="way_content">
                            <div class="feritin fadeContainer" style="margin-top:0px;margin-bottom:0px;" >
                                <div style="width:100%;overflow:hidden;">
                                    <label for="checkProject" style="margin-top:5px;">本次检查项目：</label>
                                    <div style="display:inline-block;width:75%;margin-bottom:0px;vertical-align:top;"  id="checkProject" ref="checkProject">
                                    <span class="ill1" v-for="(item,key) in checkProject" :key="key">
                                        <input type="checkbox" :name="item.checkName" :checked="item.check" :value="item.id" :id="item.forId" @click="checkProjectCheck(item)"/>
                                        <label :for="item.forId">{{item.name}}</label>
                                    </span>
                                    </div>
                                </div>
                            </div>
                            <div class="feritin fadeContainer" style="margin-top:0px;margin-bottom:0px;" >
                                <div style="width:100%;overflow:hidden;">
                                    <label for="checkProjectNext" style="margin-top:5px;">下次检查项目：</label>
                                    <div style="display:inline-block;width:75%;margin-bottom:0px;vertical-align:top;"  id="checkProjectNext" ref="checkProjectNext">
                                    <span class="ill1" v-for="(item,key) in checkProjectNext" :key="key">
                                        <input type="checkbox" :name="item.checkName" :checked="item.check" :value="item.id" :id="item.forId" @click="checkProjectNextCheck(item)"/>
                                        <label :for="item.forId">{{item.name}}</label>
                                    </span>
                                    </div>
                                </div>
                            </div>
                            <div style="margin-bottom:0px;">
                                <label for="">骨代谢检查</label>
                                <label for="formation" style="margin-left:35px;color:#0d1dae;font-weight: 600">骨形成标志物：</label>
                                <select name="formation" id="formation" v-model="checkData.formation">
                                    <option value="">请选择</option>
                                    <option value="1">已查</option>
                                    <option value="2">未查</option>
                                </select>
                                <label for="formationTime" style="margin-left:20px;">检查日期：</label>
                                <div style="width:15%;display:inline-block;vertical-align:top;margin-bottom:5px;">
                                    <div id="PrevTime" class="input-group date form_date" style="width: 100%;margin-bottom:0px;"  data-date-format="yyyy-mm-dd" >
                                        <input id="formationTime" type="text" class="lay-date" placeholder="  开始日期" readonly style="width:100%;" :value="checkData.formationTime">
                                    </div>
                                </div>
                            </div>
                            <div style="margin-left:120px;">
                                <div class="sign_content third" style="margin-left:0px;margin-bottom:0px;margin-top:0px;">
                                    <div style="margin-bottom:0px;width:230px;margin-top:20px;">
                                        <label for="beitaCTX" style="color:#a1a1a1;">β-CTX：</label>
                                        <input type="text" class="height form-control" style="width:150px;" name="beitaCTX" v-model="checkData.beitaCTX">
                                    </div>
                                    <div style="margin-bottom:0px;width:340px;margin-top:20px;">
                                        <label for="formationALP" style="color:#a1a1a1;">血清碱性磷酸酶（ALP）：</label>
                                        <input type="text" class="height form-control" name="formationALP" v-model="checkData.formationALP">
                                        <span style="left:100px;">U/L</span>
                                    </div>
                                    <div style="margin-bottom:0px;width:340px;margin-top:20px;;">
                                        <label for="formationBALP" style="color:#a1a1a1;">骨碱性磷酸酶（BALP）：</label>
                                        <input type="text" class="weightGuide form-control weight" name="formationBALP" v-model="checkData.formationBALP">
                                        <span style="left:90px;">ug/L</span>
                                    </div>
                                    <div style="margin-bottom:0px;margin-top:20px;">
                                        <label for="formationOC" style="color:#a1a1a1;">骨钙素（OC）：</label>
                                        <input type="text" class="bmi form-control" name="formationOC" v-model="checkData.formationOC">
                                        <span style="left:95px;">ug/L</span>
                                    </div>
                                </div>
                            </div>
                            <div style="margin-left:120px;">
                                <div class="sign_content third" style="margin-left:0px;margin-bottom:0px;">
                                    <div style="margin-bottom:0px;width:375px;">
                                        <label for="formationPICP" style="color:#a1a1a1;">Ⅰ型原胶原C-端前肽（PICP）：</label>
                                        <input type="text" class="height form-control" name="formationPICP" v-model="checkData.formationPICP">
                                        <span style="left:80px;">ng/mL</span>
                                    </div>
                                    <div style="margin-bottom:0px;width:370px;">
                                        <label for="formationPINP" style="color:#a1a1a1;">Ⅰ型原胶原N-端前肽（PINP）：</label>
                                        <input type="text" class="weightGuide form-control weight" name="formationPINP" v-model="checkData.formationPINP">
                                        <span style="left:80px;">ng/mL</span>
                                    </div>
                                </div>
                            </div>
                            <div style="margin-left:120px;margin-bottom:0px;">
                                <label for="absorb" style="color:#0d1dae;font-weight: 600">骨吸收标志物：</label>
                                <select name="absorb" id="absorb" v-model="checkData.absorb">
                                    <option value="">请选择</option>
                                    <option value="1">已查</option>
                                    <option value="2">未查</option>
                                </select>
                                <label for="absorbTime" style="margin-left:20px;">检查日期：</label>
                                <div style="width:15%;display:inline-block;vertical-align:top;margin-bottom:5px;">
                                    <div id="PrevTime" class="input-group date form_date" style="width: 100%;margin-bottom:0px;"  data-date-format="yyyy-mm-dd" >
                                        <input id="absorbTime" type="text" class="lay-date" placeholder="  开始日期" readonly style="width:100%;" v-model="checkData.absorbTime">
                                    </div>
                                </div>
                            </div>
                            <div style="margin-left:120px;">
                                <div class="sign_content third" style="margin-left:0px;margin-bottom:0px;margin-top:0px;">
                                    <div style="margin-bottom:0px;width:435px;margin-top:20px;">
                                        <label for="absorbTRACP" style="color:#a1a1a1;">血清抗酒石酸酸性磷酸酶（TRACP) ：</label>
                                        <input type="text" class="height form-control" name="absorbTRACP" v-model="checkData.absorbTRACP">
                                        <span style="left:100px;">u/L</span>
                                    </div>
                                    <div style="margin-bottom:0px;width:370px;margin-top:20px;">
                                        <label for="absorbSCTX" style="color:#a1a1a1;">血清Ⅰ型胶原交联C-末端肽（S-CTX）</label>
                                        <input type="text" class="weightGuide form-control weight" name="absorbSCTX" v-model="checkData.absorbSCTX">
                                        <span style="left:82px;">ng/mL</span>
                                    </div>
                                </div>
                            </div>
                            <div style="margin-left:120px;">
                                <div class="sign_content third" style="margin-left:0px;margin-bottom:0px;">
                                    <div style="margin-bottom:0px;width:355px;">
                                        <label for="absorbPyr" style="color:#a1a1a1;">尿吡啶咻（Pyr)：</label>
                                        <input type="text" class="height form-control" style="width:190px;" name="absorbPyr" v-model="checkData.absorbPyr">
                                        <span style="left:80px;"> nmol/mmol·Cr</span>
                                    </div>
                                    <div style="margin-bottom:0px;width:370px;">
                                        <label for="absorbDPyr" style="color:#a1a1a1;">尿脱氧吡啶咻（D-Pyr) ：</label>
                                        <input type="text" class="weightGuide form-control weight" style="width:190px;" name="absorbDPyr" v-model="checkData.absorbDPyr">
                                        <span style="left:80px;">nmol/mmol·Cr</span>
                                    </div>
                                </div>
                            </div>
                            <div style="margin-left:120px;">
                                <div class="sign_content third" style="margin-left:0px;margin-bottom:0px;">
                                    <div style="margin-bottom:0px;width:375px;">
                                        <label for="absorbUCTX" style="color:#a1a1a1;">尿Ⅰ型胶原交联C末端肽（U-CTX）：</label>
                                        <input type="text" class="height form-control" style="width:190px;" name="absorbUCTX" v-model="checkData.absorbUCTX">
                                        <span style="left:90px;">ug/mmol·Cr </span>
                                    </div>
                                </div>
                            </div>
                            <div style="margin-left:120px;">
                                <div class="sign_content third" style="margin-left:0px;margin-bottom:0px;">
                                    <div style="margin-bottom:0px;width:480px;">
                                        <label for="absorbUNTX" style="color:#a1a1a1;">尿Ⅰ型胶原交联N末端肽（U-NTX）：</label>
                                        <input type="text" class="height form-control" style="width:240px;" name="absorbUNTX" v-model="checkData.absorbUNTX">
                                        <span style="left:90px;">nmolBCE/mmol·Cr </span>
                                    </div>
                                </div>
                            </div>
                            <div style="margin-left:120px;">
                                <label for="metabolize" style="color:#0d1dae;font-weight: 600">骨代谢基本检查：</label>
                                <select name="metabolize" id="metabolize" v-model="checkData.metabolize">
                                    <option value="">请选择</option>
                                    <option value="1">已查</option>
                                    <option value="2">未查</option>
                                </select>
                                <label for="metabolizeTime" style="margin-left:20px;">检查日期：</label>
                                <div style="width:15%;display:inline-block;vertical-align:top;margin-bottom:5px;">
                                    <div id="PrevTime" class="input-group date form_date" style="width: 100%;margin-bottom:0px;"  data-date-format="yyyy-mm-dd" >
                                        <input v-model="checkData.metabolizeTime" id="metabolizeTime" type="text" class="lay-date" placeholder="  开始日期" readonly style="width:100%;">
                                    </div>
                                </div>
                            </div>
                            <div style="margin-left:120px;">
                                <div class="sign_content third" style="margin-left:0px;margin-bottom:0px;">
                                    <div style="margin-bottom:0px;width:315px;">
                                        <label for="metabolizePTH" style="color:#a1a1a1;">甲状旁腺素（PTH)：</label>
                                        <input type="text" class="height form-control"  name="metabolizePTH" v-model="checkData.metabolizePTH">
                                        <span style="left:80px;">pg/mL</span>
                                    </div>
                                    <div style="margin-bottom:0px;width:370px;">
                                        <label for="metabolizeCT" style="color:#a1a1a1;">降钙素（CT）：</label>
                                        <input type="text" class="weightGuide form-control weight"  name="metabolizeCT" v-model="checkData.metabolizeCT">
                                        <span style="left:80px;">ng/mL</span>
                                    </div>
                                </div>
                            </div>
                            <div style="margin-left:120px;margin-bottom:0px;">
                                <div class="sign_content third" style="margin-left:0px;margin-bottom:0px;">
                                    <div style="margin-bottom:0px;width:253px;">
                                        <label for="metabolizeCa" style="color:#a1a1a1;">血钙（Ca)：</label>
                                        <input type="text" class="height form-control"  name="metabolizeCa" v-model="checkData.metabolizeCa">
                                        <span style="left:72px;">mmol/L</span>
                                    </div>
                                    <div style="margin-bottom:0px;">
                                        <label for="metabolizeP" style="color:#a1a1a1;">血磷（P)：</label>
                                        <input type="text" class="height form-control" name="metabolizeP" v-model="checkData.metabolizeP">
                                        <span style="left:72px;">mmol/L</span>
                                    </div>
                                </div>
                            </div>
                            <div style="margin-left:120px;">
                                <div class="sign_content third" style="margin-left:0px;margin-bottom:0px;margin-top:0px;">
                                    <div style="margin-bottom:0px;width:400px;margin-top:20px;">
                                        <label for="metabolize25OHD3" style="color:#a1a1a1;">25-羟维生素D3（25-OH-D3）：</label>
                                        <input type="text" class="height form-control" style="width:150px;" name="metabolize25OHD3" v-model="checkData.metabolize25OHD3">
                                        <span style="left:90px;">ng/ml</span>
                                    </div>
                                    <div style="margin-bottom:0px;width:400px;margin-top:20px;">
                                        <label for="metabolize125OHD3" style="color:#a1a1a1;">1,25-羟维生素D3（1,25-OH-D3）：</label>
                                        <input type="text" class="height form-control" style="width:150px;" name="metabolize125OHD3" v-model="checkData.metabolize125OHD3">
                                        <span style="left:90px;">ng/ml</span>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <label for="" style="width:112px;">X线检查：</label>
                                <label for="lineTime" >检查日期：</label>
                                <div style="width:15%;display:inline-block;vertical-align:middle;margin-bottom:5px;">
                                    <div id="PrevTime" class="input-group date form_date" style="width: 100%;margin-bottom:0px;"  data-date-format="yyyy-mm-dd" >
                                        <input v-model="checkData.lineTime" id="lineTime" type="text" class="lay-date" placeholder="  开始日期" readonly style="width:100%;">
                                    </div>
                                </div>
                            </div>
                            <div style="margin-left:120px;">
                                <div class="feritin fadeContainer" style="margin-top:0px;margin-bottom:0px;" >
                                    <div style="width:100%;overflow:hidden;">
                                        <label style="margin-top:5px;">骨折：</label>
                                        <div style="display:inline-block;width:75%;margin-bottom:0px;vertical-align:top;"  id="lineFracture" ref="lineFracture">
                                        <span class="ill1" v-for="(item,key) in lineFracture" :key="key">
                                            <input type="checkbox" :name="item.checkName" :checked="item.check" :value="item.id" :id="item.forId" @click="lineFractureCheck(item)"/>
                                            <label :for="item.forId">{{item.name}}</label>
                                        </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div style="margin-left:120px;">
                                <div class="feritin fadeContainer" style="margin-top:0px;margin-bottom:0px;" >
                                    <div style="width:100%;overflow:hidden;">
                                        <label style="margin-top:5px;">胸椎骨折情况：</label>
                                        <div style="display:inline-block;width:75%;margin-bottom:0px;vertical-align:top;"  id="lineChest" ref="lineChest">
                                        <span class="ill1" v-for="(item,key) in lineChest" :key="key">
                                            <input type="checkbox" :name="item.checkName" :checked="item.check" :value="item.id" :id="item.forId" @click="lineChestCheck(item)"/>
                                            <label :for="item.forId">{{item.name}}</label>
                                        </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div style="margin-left:120px;">
                                <div class="feritin fadeContainer" style="margin-top:0px;margin-bottom:0px;" >
                                    <div style="width:100%;overflow:hidden;">
                                        <label style="margin-top:5px;">胸椎骨折选择：</label>
                                        <div style="display:inline-block;width:75%;margin-bottom:0px;vertical-align:top;"  id="lineChest" ref="lineChest">
                                        <span class="ill1" v-for="(item,key) in lineChestSelect" :key="key">
                                            <label :for="item.name">{{item.name}}</label>
                                            <select :name="item.name" :id="item.name" v-model="item.id">
                                                <option value="">请选择</option>
                                                <option value="1">一度</option>
                                                <option value="2">二度</option>
                                                <option value="3">三度</option>
                                            </select>
                                        </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div style="width:300px;height:100px;position:relative;display:inline-block;left:120px;">
                                <label for="">添加图片：</label>
                                <span class="addImg" style="width:100px;height:100px;oveflow:hidden;display:inline-block;vertical-align:top;border:1px solid #d0d0d0;">
                                <img :src="checkData.linePhoto" v-if=" checkData.linePhoto!= '' " id="linePhoto" style="max-width:100%;height:98px;">
                                <img v-else src="../assets/images/addimage.png" style="max-width:100%;height:98px;">
                            </span>
                                <input type="file" name="file" id="file" ref="file" style="display:none !important;" >
                            </div>
                            <div style="margin-left:120px;">
                                <label for="">症状描述：</label>
                                <textarea name="" id="" cols="30" rows="10" style="height:80px;" v-model="checkData.lineMsg"></textarea>
                            </div>
                            <div style="margin-bottom:0px;">
                                <label for="" style="width:112px;">实验室检查：</label>
                                <label for="blood" style="color:#0d1dae;font-weight: 600">血常规：</label>
                                <select name="blood" id="blood" v-model="checkData.blood">
                                    <option value="">请选择</option>
                                    <option value="1">已查</option>
                                    <option value="2">未查</option>
                                </select>
                                <label for="bloodTime" style="margin-left:22px;">检查日期：</label>
                                <div style="width:15%;display:inline-block;vertical-align:top;margin-bottom:5px;">
                                    <div id="PrevTime" class="input-group date form_date" style="width: 100%;margin-bottom:0px;"  data-date-format="yyyy-mm-dd" >
                                        <input v-model="checkData.bloodTime" id="bloodTime" type="text" class="lay-date" placeholder="  开始日期" readonly style="width:100%;">
                                    </div>
                                </div>
                            </div>
                            <div style="margin-left:120px;">
                                <div class="sign_content third" style="margin-left:0px;margin-bottom:0px;margin-top:0px;">
                                    <div style="margin-bottom:0px;width:280px;margin-top:20px;height:30px;">
                                        <label for="bloodWBC" style="vertical-align:middle;color:#a1a1a1">白细胞（WBC）：</label>
                                        <input type="text" class="height form-control" name="bloodWBC" v-model="checkData.bloodWBC">
                                        <span style="left:95px;top:5px;">
                                        <img src="../assets/images/unit.png" alt="">
                                    </span>
                                    </div>
                                    <div style="margin-bottom:0px;width:280px;margin-top:20px;height:30px;">
                                        <label for="bloodRBC" style="vertical-align:middle;color:#a1a1a1">红细胞（RBC）：</label>
                                        <input type="text" class="height form-control" name="bloodRBC" v-model="checkData.bloodRBC">
                                        <span style="left:95px;top:5px;">
                                        <img src="../assets/images/unit12.png" alt="">
                                    </span>
                                    </div>
                                    <div style="margin-bottom:0px;width:280px;margin-top:20px;">
                                        <label for="bloodHb" style="color:#a1a1a1">血红蛋白（Hb）：</label>
                                        <input type="text" class="height form-control" name="bloodHb" v-model="checkData.bloodHb">
                                        <span style="left:105px;">g/L</span>
                                    </div>
                                </div>
                            </div>
                            <div style="margin-left:120px;">
                                <div class="sign_content third" style="margin-left:0px;margin-bottom:0px;">
                                    <div style="margin-bottom:0px;width:300px;height:30px;">
                                        <label for="bloodPLT" style="vertical-align:middle;color:#a1a1a1">血小板（PLT）：</label>
                                        <input type="text" class="height form-control" style="width:150px;"  name="bloodPLT" v-model="checkData.bloodPLT">
                                        <span style="left:105px;top:5px;">
                                        <img src="../assets/images/unit.png" alt="">
                                    </span>
                                    </div>
                                    <div style="margin-bottom:0px;width:400px;">
                                        <label for="bloodPINP" style="color:#a1a1a1">Ⅰ型原胶原N-端前肽（PINP）：</label>
                                        <input type="text" class="height form-control" style="width:150px;" name="bloodPINP" v-model="checkData.bloodPINP">
                                        <span style="left:90px;">ng/ml</span>
                                    </div>
                                </div>
                            </div>
                            <div style="margin-left:120px;">
                                <label for="urine" style="color:#0d1dae;font-weight: 600">尿常规：</label>
                                <select name="urine" id="urine" v-model="checkData.urine">
                                    <option value="">请选择</option>
                                    <option value="1">已查</option>
                                    <option value="2">未查</option>
                                </select>
                            </div>
                            <div style="margin-left:120px;margin-bottom:0px;">
                                <label for="biochemistry" style="color:#0d1dae;font-weight: 600">生化检查：</label>
                                <select name="biochemistry" id="biochemistry" v-model="checkData.biochemistry">
                                    <option value="">请选择</option>
                                    <option value="1">已查</option>
                                    <option value="2">未查</option>
                                </select>
                                <label for="biochemistryTime" style="margin-left:20px;">检查日期：</label>
                                <div style="width:15%;display:inline-block;vertical-align:top;margin-bottom:5px;">
                                    <div id="PrevTime" class="input-group date form_date" style="width: 100%;margin-bottom:0px;"  data-date-format="yyyy-mm-dd" >
                                        <input v-model="checkData.biochemistryTime" id="biochemistryTime" type="text" class="lay-date" placeholder="  开始日期" readonly style="width:100%;">
                                    </div>
                                </div>
                            </div>
                            <div style="margin-left:120px;">
                                <div class="sign_content third" style="margin-left:0px;margin-bottom:0px;margin-top:0px;">
                                    <div style="margin-bottom:0px;width:280px;margin-top:20px;">
                                        <label for="biochemistryCr" style="color:#a1a1a1">肌酐（Cr) ：</label>
                                        <input type="text" class="height form-control" style="width:150px;" name="biochemistryCr" v-model="checkData.biochemistryCr">
                                        <span style="left:90px;">umol/L</span>
                                    </div>
                                    <div style="margin-bottom:0px;width:280px;margin-top:20px;">
                                        <label for="biochemistryUA" style="color:#a1a1a1">尿酸（UA）：</label>
                                        <input type="text" class="height form-control" style="width:150px;" name="biochemistryUA" v-model="checkData.biochemistryUA">
                                        <span style="left:90px;">umol/L</span>
                                    </div>
                                    <div style="margin-bottom:0px;width:280px;margin-top:20px;">
                                        <label for="biochemistryUrea" style="color:#a1a1a1">尿素（Urea）：</label>
                                        <input type="text" class="height form-control" style="width:150px;" name="biochemistryUrea" v-model="checkData.biochemistryUrea">
                                        <span style="left:90px;">mmol/L</span>
                                    </div>
                                </div>
                            </div>
                            <div style="margin-left:120px;">
                                <div class="sign_content third" style="margin-left:0px;margin-bottom:0px;">
                                    <div style="margin-bottom:0px;width:300px;">
                                        <label for="biochemistryESR" style="color:#a1a1a1">血沉（ESR)：</label>
                                        <input type="text" class="height form-control" style="width:150px;"  name="biochemistryESR" v-model="checkData.biochemistryESR">
                                        <span style="left:90px;">mm/h</span>
                                    </div>
                                </div>
                            </div>
                            <div style="margin-left:120px;margin-bottom:0px;">
                                <label for="biochemistry" style="color:#0d1dae;font-weight: 600">肝功能：</label>
                                <select name="biochemistry" id="biochemistry" v-model="checkData.biochemistry">
                                    <option value="">请选择</option>
                                    <option value="1">已查</option>
                                    <option value="2">未查</option>
                                </select>
                                <label for="biochemistryTime" style="margin-left:20px;">检查日期：</label>
                                <div style="width:15%;display:inline-block;vertical-align:top;margin-bottom:5px;">
                                    <div id="PrevTime" class="input-group date form_date" style="width: 100%;margin-bottom:0px;"  data-date-format="yyyy-mm-dd" >
                                        <input v-model="checkData.biochemistryTime" id="biochemistryTime" type="text" class="lay-date" placeholder="  开始日期" readonly style="width:100%;">
                                    </div>
                                </div>
                            </div>
                            <div style="margin-left:120px;">
                                <div class="sign_content third" style="margin-left:0px;margin-bottom:0px;margin-top:0px;">
                                    <div style="margin-bottom:0px;width:400px;margin-top:20px;">
                                        <label for="liverSGPT" style="color:#a1a1a1;">谷丙转氨：</label>
                                        <input type="text" class="height form-control" style="width:150px;" name="liverSGPT" v-model="checkData.liverSGPT">
                                    </div><div style="margin-bottom:0px;width:400px;margin-top:20px;">
                                    <label for="liverSGOT" style="color:#a1a1a1;">谷草转氨：</label>
                                    <input type="text" class="height form-control" style="width:150px;" name="liverSGOT" v-model="checkData.liverSGOT">
                                </div><div style="margin-bottom:0px;width:400px;margin-top:20px;">
                                    <label for="liverTBIL" style="color:#a1a1a1;">总胆红素：</label>
                                    <input type="text" class="height form-control" style="width:150px;" name="liverTBIL" v-model="checkData.liverTBIL">
                                </div>
                                </div>
                            </div>
                            <div style="margin-left:120px;">
                                <label for="thyroid" style="color:#0d1dae;font-weight: 600">甲状腺功能：</label>
                                <select name="thyroid" id="thyroid" v-model="checkData.thyroid">
                                    <option value="">请选择</option>
                                    <option value="1">已查</option>
                                    <option value="2">未查</option>
                                </select>
                                <label for="thyroidTime" style="margin-left:20px;">检查日期：</label>
                                <div style="width:15%;display:inline-block;vertical-align:top;margin-bottom:5px;">
                                    <div id="PrevTime" class="input-group date form_date" style="width: 100%;margin-bottom:0px;"  data-date-format="yyyy-mm-dd" >
                                        <input v-model="checkData.thyroidTime" id="thyroidTime" type="text" class="lay-date" placeholder="  开始日期" readonly style="width:100%;">
                                    </div>
                                </div>
                            </div>
                            <div style="margin-left:120px;margin-bottom:0px;">
                                <div class="sign_content third" style="margin-left:0px;margin-bottom:0px;">
                                    <div style="margin-bottom:0px;width:370px;">
                                        <label for="thyroidTT3" style="color:#a1a1a1">总三碘甲腺原氨酸（TT3）：</label>
                                        <input type="text" class="height form-control" style="width:150px;" name="thyroidTT3" v-model="checkData.thyroidTT3">
                                        <span style="left:90px;">nmol/L</span>
                                    </div>
                                    <div style="margin-bottom:0px;width:400px;">
                                        <label for="thyroidTT4" style="color:#a1a1a1">总甲状腺素（TT4）：</label>
                                        <input type="text" class="height form-control" style="width:150px;" name="thyroidTT4" v-model="checkData.thyroidTT4">
                                        <span style="left:90px;">nmol/L</span>
                                    </div>
                                </div>
                            </div>
                            <div style="margin-left:120px;">
                                <div class="sign_content third" style="margin-left:0px;margin-bottom:0px;margin-top:0px;">
                                    <div style="margin-bottom:0px;width:378px;margin-top:20px;">
                                        <label for="thyroidFT3" style="color:#a1a1a1">游离三碘甲腺原氨酸（FT3) ：</label>
                                        <input type="text" class="height form-control" style="width:150px;" name="thyroidFT3" v-model="checkData.thyroidFT3">
                                        <span style="left:90px;">pmol/L</span>
                                    </div>
                                    <div style="margin-bottom:0px;width:400px;margin-top:20px;">
                                        <label for="thyroidFT4" style="color:#a1a1a1">游离甲腺素（FT4）：</label>
                                        <input type="text" class="height form-control" style="width:150px;" name="thyroidFT4" v-model="checkData.thyroidFT4">
                                        <span style="left:90px;">pmol/L</span>
                                    </div>
                                </div>
                            </div>
                            <div style="margin-left:120px;">
                                <div class="sign_content third" style="margin-left:0px;margin-bottom:0px;">
                                    <div style="margin-bottom:0px;width:300px;">
                                        <label for="thyroidTSH" style="color:#a1a1a1">促甲状腺激素（TSH) ：</label>
                                        <input type="text" class="height form-control" style="width:150px;" name="thyroidTSH" v-model="checkData.thyroidTSH">
                                        <span style="left:90px;">mIU/L</span>
                                    </div>
                                    <div style="margin-bottom:0px;margin-left:120px;width:220px;margin-top:20px;">
                                        <label for="bloodKLC" style="color:#a1a1a1;">血K-LC：</label>
                                        <input type="text" class="height form-control" style="width:150px;" name="bloodKLC" v-model="checkData.bloodKLC">
                                    </div>
                                    <div style="margin-left:120px;margin-bottom:0px;width:220px;margin-top:20px;">
                                        <label for="bloodLLC" style="color:#a1a1a1;">血λ-LC：</label>
                                        <input type="text" class="height form-control" style="width:150px;" name="bloodLLC" v-model="checkData.bloodLLC">
                                    </div>
                                </div>
                            </div>
                            <div style="margin-left:120px;">
                                <div class="sign_content third" style="margin-left:0px;margin-bottom:0px;">
                                    <div style="margin-bottom:0px;width:300px;">
                                        <label for="other" style="color:#a1a1a1">其他 ：</label>
                                        <input type="text" class="height form-control" style="width:150px;" name="other" v-model="checkData.other">
                                    </div>
                                </div>
                            </div>
<%--                            <div style="margin-left:120px;">--%>
<%--                                <div style="margin-left:120px;margin-bottom:0px;width:220px;margin-top:20px;">--%>
<%--                                    <label for="bloodLLC" style="color:#a1a1a1;">其他：</label>--%>
<%--                                    <input type="text" class="height form-control" style="width:150px;" name="others" v-model="">--%>
<%--                                </div>--%>
<%--                            </div>--%>
                        </div>
                    </div>
                    <div class="way" style="margin-top:15px;">
                        <span style="width:5px;padding-bottom:25px;background-color:#35acfd;display:inline-block;vertical-align:middle;margin-right:10px;"></span>
                        <span class="title">随诊药物使用信息</span>
                        <div class="way_content">
                            <div>
                                <label for="prescribingDrugs">此次诊疗是否开药：</label>
                                <select name="prescribingDrugs" id="prescribingDrugs" v-model="checkData.prescribingDrugs">
                                    <option value="">请选择</option>
                                    <option value="1">是</option>
                                    <option value="2">否</option>
                                </select>
                                <label for="prescribingDrugsPre" style="margin-left:20px;">是否在上次用药方案基础上完善此次药物信息？：</label>
                                <select name="prescribingDrugsPre" id="prescribingDrugsPre" v-model="checkData.prescribingDrugsPre" @change="chengSelect()">
                                    <option value="">请选择</option>
                                    <option value="1">是</option>
                                    <%--<option value="2">否</option>--%>
                                </select>
                            </div>
                            <div>
                                <div style="margin-bottom:10px;height:30px;width:95%">
                                    <button type="button" class="btn btn-info" @click="deletMedical()" style="margin-right:20px;margin-top:20px;" >
                                        删除
                                    </button>
                                    <button type="button" class="btn btn-info" @click="UpdateMedical()" style="margin-right:20px;margin-top:20px;" >
                                        修改
                                    </button>
                                    <button type="button" class="btn btn-info" @click="toAddMedical()" style="margin-right:20px;margin-top:20px;">
                                        新增
                                    </button>
                                </div>
                            </div>
                            <div>
                                <div id="table">
                                    <table id="example" class="display" cellspacing="10" width="95%">
                                        <thead>
                                        <tr>
                                            <th></th>
                                            <th>商品类别</th>
                                            <th>化学名称</th>
                                            <th>商品名称</th>
                                            <th>单次用量</th>
                                            <th>使用频率</th>
                                            <th>给药方式</th>
                                            <%--<th>用法</th>--%>
                                            <th>是否停用</th>
                                        </tr>
                                        </thead>
                                        <tbody v-if="medicalList.length != 0">
                                        <tr v-for="item in medicalList">
                                            <th>
                                                <input type="checkbox" class="check_id" :value="item.id">
                                            </th>
                                            <th>{{item.type}}</th>
                                            <th>{{item.chemistryName}}</th>
                                            <th>{{item.productName}}</th>
                                            <th>{{item.consumption}}</th>
                                            <th>{{item.frequency}}</th>
                                            <th>{{item.mode}}</th>
                                            <th v-if="item.useStop == '1' ">
                                                是
                                            </th>
                                            <th v-else-if="item.useStop == '0' ">
                                                否
                                            </th>
                                        </tr>
                                        </tbody>
                                    </table>
                                    <p v-if="medicalList.length == 0" style="text-align:center;color:black;line-height:30px;">暂无数据</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>
      var vm = new Vue({
        el : "#main",
        data: {
          infor: [], // 病人基本信息 data
          synchronous: false,
          saveDisabled:false,
          lineChestSelect:[],
          medical:false,
          medicalList:[],
          BMI:'',
          type:'',
          chemistryName:'',
          productName:'',
          consumption:'',
          frequency:'',
          mode:'',
          useStop:'',
          DXA:false,
          score:false,
          showCurd:false,
          illnessData: [
            {
              name: '既往体健',
              id:'',
              list: []
            },
            {
              name: '风湿系统疾病',
              id:'rheumatismType',
              list: [
                {
                  name: '类风湿性关节炎',
                  id: '1',
                  forId: 'ysxjb1',
                  checked:false
                },
                {
                  name: '骨关节炎',
                  id: '2',
                  forId: 'ysxjb2',
                  checked:false
                },
                {
                  name: '脊椎关节炎',
                  id: '3',
                  forId: 'ysxjb3',
                  checked:false
                },
                {
                  name: '血管炎',
                  id: '4',
                  forId: 'ysxjb4',
                  checked:false
                },
                {
                  name: '原发性干燥综合征',
                  id: '5',
                  forId: 'ysxjb5',
                  checked:false
                },
                {
                  name: '系统性红斑狼疮',
                  id: '6',
                  forId: 'ysxjb6',
                  checked:false
                },
                {
                  name: '系统性硬化症',
                  id: '7',
                  forId: 'ysxjb7',
                  checked:false
                },
                {
                  name: '多发性肌炎和皮肌炎',
                  id: '8',
                  forId: 'ysxjb8',
                  checked:false
                },
                {
                  name: '自身免疫性肝病',
                  id: '9',
                  forId: 'ysxjb9',
                  checked:false
                },
                {
                  name: '其他',
                  id: '10',
                  forId: 'ysxjb10',
                  checked:false
                }
              ]
            },
            {
              name: '内分泌及代谢系统疾病',
              id:'endocrineType',
              list: [
                {
                  name: '甲状腺功能亢进症',
                  id: '1',
                  forId: 'nfm1',
                  checked:false
                },
                {
                  name: '甲状旁腺功能亢进症',
                  id: '2',
                  forId: 'nfm2',
                  checked:false
                },
                {
                  name: '库欣综合征',
                  id: '3',
                  forId: 'nfm3',
                  checked:false
                },
                {
                  name: '1型糖尿病',
                  id: '4',
                  forId: 'nfm4',
                  checked:false
                },
                {
                  name: '2型糖尿病',
                  id: '5',
                  forId: 'nfm5',
                  checked:false
                },
                {
                  name: '性腺功能减退',
                  id: '6',
                  forId: 'nfm6',
                  checked:false
                },
                {
                  name: '其他',
                  id: '7',
                  forId: 'nfm7',
                  checked:false
                }
              ]
            },
            {
              name: '循环系统疾病',
              id:'circulatoryType',
              list: [
                {
                  name: '高血压',
                  id: '1',
                  forId: 'xhxt1',
                  checked:false
                },
                {
                  name: '冠状动脉粥样硬化心脏病',
                  id: '2',
                  forId: 'xhxt2',
                  checked:false
                },
                {
                  name: '高血脂症',
                  id: '3',
                  forId: 'xhxt3',
                  checked:false
                },
                {
                  name: '其他',
                  id: '4',
                  forId: 'xhxt',
                  checked:false
                }
              ]
            },
            {
              name: '呼吸系统疾病',
              id:'breathingType',
              list: [
                {
                  name: '支气管哮喘',
                  id: '1',
                  forId: 'hxxt1',
                  checked:false
                },
                {
                  name: '慢性阻塞性肺疾病',
                  id: '2',
                  forId: 'hxxt2',
                  checked:false
                },
                {
                  name: '其他',
                  id: '3',
                  forId: 'hxxt3',
                  checked:false
                },
              ]
            },
            {
              name: '神经及精神系统疾病',
              id:'nerveType',
              list: [
                {
                  name: '神经性厌食症',
                  id: '1',
                  forId: 'sjxt1',
                  checked:false
                },
                {
                  name: '脑血管病',
                  id: '2',
                  forId: 'sjxt2',
                  checked:false
                },
                {
                  name: '重症肌无力',
                  id: '3',
                  forId: 'sjxt3',
                  checked:false
                },
                {
                  name: '其他',
                  id: '4',
                  forId: 'sjxt4',
                  checked:false
                },
              ]
            },
            {
              name: '消化系统疾病',
              id:'digestionType',
              list: [
                {
                  name: '肝硬化',
                  id: '1',
                  forId: 'xhxtjb1',
                  checked:false
                },
                {
                  name: '吸收不良综合征',
                  id: '2',
                  forId: 'xhxtjb2',
                  checked:false
                },
                {
                  name: '炎症性肠病（溃疡性结肠炎；克罗恩病）',
                  id: '3',
                  forId: 'xhxtjb3',
                  checked:false
                },
                {
                  name: '乳糜泻',
                  id: '4',
                  forId: 'xhxtjb4',
                  checked:false
                },
                {
                  name: '胃部大切除术后',
                  id: '5',
                  forId: 'xhxtjb5',
                  checked:false
                },
                {
                  name: '其他',
                  id: '6',
                  forId: 'xhxtjb6',
                  checked:false
                },
              ]
            },
            {
              name: '泌尿系统疾病',
              id:'urineType',
              list: [
                {
                  name: '慢性肾功能不全或衰竭',
                  id: '1',
                  forId: 'mnxt1',
                  checked:false
                },
                {
                  name: '肾小管性疾病',
                  id: '2',
                  forId: 'mnxt2',
                  checked:false
                },
                {
                  name: '原发性胃小球肾病',
                  id: '3',
                  forId: 'mnxt3',
                  checked:false
                },
                {
                  name: '肾淀粉样变性',
                  id: '4',
                  forId: 'mn4',
                  checked:false
                },
                {
                  name: '其他',
                  id: '5',
                  forId: 'mn5',
                  checked:false
                }
              ]
            },
            {
              name: '血液系统疾病',
              id:'bloodType',
              list: [
                {
                  name: '白血病',
                  id: '1',
                  forId: 'xyxt1',
                  checked:false
                },
                {
                  name: '骨髓增长异常综合征',
                  id: '2',
                  forId: 'xyxt2',
                  checked:false
                },
                {
                  name: '其他',
                  id: '3',
                  forId: 'xyxt3',
                  checked:false
                }
              ]
            },
            {
              name: '先天性及遗传性疾病',
              id:'inheritanceType',
              list: [
                {
                  name: '马凡综合征',
                  id: '1',
                  forId: 'xtxyc1',
                  checked:false
                },
                {
                  name: '血色病',
                  id: '2',
                  forId: 'xtxyc2',
                  checked:false
                },
                {
                  name: '卟啉病',
                  id: '3',
                  forId: 'xtxyc3',
                  checked:false
                },
                {
                  name: '成骨不全',
                  id: '4',
                  forId: 'xtxyc4',
                  checked:false
                },
                {
                  name: '其他',
                  id: '5',
                  forId: 'xtxyc5',
                  checked:false
                }
              ]
            },
            {
              name: '其他',
              id:'otherType',
              list: [
                {
                  name: '原发性骨肿瘤',
                  id: '1',
                  forId: 'other1',
                  checked:false
                },
                {
                  name: '继发性骨肿瘤',
                  id: '2',
                  forId: 'other2',
                  checked:false
                },
                {
                  name: '乳腺癌',
                  id: '3',
                  forId: 'other3',
                  checked:false
                },
                {
                  name: '艾滋病',
                  id: '4',
                  forId: 'other4',
                  checked:false
                },
                {
                  name: '其他',
                  id: '5',
                  forId: 'other5',
                  checked:false
                }
              ]
            }
          ],
          idCard:'',
          id:'',
          checkData:{
            doctorName:'',
            accompanyTime:'',
            accompanyType:'',
            doctorId:'',
            nextAccompanyTime:'',
            medicalList:[],
            linePhoto:'',
            // 当点击修改的时候才有的对应 id
            id:'',
            // 身份证
            idCard:'',
            // 患者症状描述
            msg:'',
            // 是否吸烟
            smoke:'',
            // 是否饮酒
            drink:'',
            // 膳食情况
            diet:'',
            // 引用类型
            drinkingType:[],
            // 睡眠时间
            sleepTime:'',
            // 日晒时间
            sunTime:'',
            // 锻炼频率
            sportTimes:'',
            // 锻炼时间
            sportTime:'',
            walkMsg:'',
            // 其他生活习惯
            standHelp:'',
            liveMsg:'',
            // 风湿疾病
            rheumatismType:[],
            // 内分泌及代谢系统疾病
            endocrineType:[],
            // 循环系统疾病
            circulatoryType:[],
            // 呼吸系统疾病
            breathingType:[],
            // 神经及精神系统疾病
            nerveType:[],
            // 消化系统疾病
            digestionType:[],
            // 泌尿系统疾病
            urineType:[],
            // 血液系统疾病
            bloodType:[],
            // 先天性及遗传性疾病
            inheritanceType:[],
            // 其他疾病
            otherType:[],
            // 抗骨松药物
            drug:'',
            // 肾上腺皮质激素
            hormone:'',
            // 性激素及其相关药物
            sexHomone:'',
            // 其他药物使用情况
            otherDrug:[],
            // 骨折
            fracture:'',
            // 手术史
            operation:[],
            // 健康疾病情况
            healthy:'',
            // 婚姻及生育情况
            marriage:'',
            // 家庭成员病发情况
            family:'',
            // 身体检查情况
            body:'',
            // 判定病症情况
            disease:'',
            // 随诊日期
            checkTime:'',
            // 系首诊后
            afterDate:'',
            // 随诊类型
            checkType:'',
            // 身高
            height:'',
            // 体重
            weight:'',
            // 诊疗结论
            checkData:'',
            // 是否遵医嘱用药
            usdDrug:'',
            // 腰背痛
            waistType:'',
            // 腰背痛描述
            waistMsg:'',
            // 骨痛
            boneType:'',
            // 骨痛描述
            boneMsg:'',
            // 肌肉抽搐
            muscleType:'',
            // 肌肉抽搐描述
            muscleMsg:'',
            // 乏力
            powerType:'',
            // 乏力描述
            powerMsg:'',
            // 行走距离
            walkType:'',
            // 上认诊疗后有无骨折
            newFracture:'',
            // 行走状态
            walkState:'',
            // 站立 起来是否需要帮助
            standHelp:'',
            // 其它说明情况
            checkOther:'',
            // 本次检查项目
            checkProject:[],
            // 下次检查项目
            checkProjectNext:[],
            // 骨形成
            formation:'',
            // 骨形成检查时间
            formationTime:'',
            formationALP:'',
            formationBALP:'',
            formationOC:'',
            formationPICP:'',
            formationPINP:'',
            // 骨吸收
            absorb:'',
            // 骨吸收检查时间
            absorbTime:'',
            absorbTRACP:'',
            absorbSCTX:'',
            absorbPyr:'',
            absorbDPyr:'',
            absorbUCTX:'',
            absorbUNTX:'',
            // 骨代谢
            metabolize:'',
            // 骨代谢时间
            metabolizeTime:'',
            metabolizePTH:'',
            metabolizeCT:'',
            metabolizeCa:'',
            metabolizeP:'',
            metabolize25OHD3:'',
            metabolize125OHD3:'',
            beitaCTX:'',
            liverSGPT:'',
            liverSGOT:'',
            liverTBIL:'',
            bloodKLC:'',
            bloodLLC:'',
            // X检查
            lineRay:'',
            // X检查时间
            lineTime:'',
            // 骨折情况
            lineFracture:[],
            lineChest:[],
            lineMsg:'',
            // 血常规
            blood:'',
            // 血常规检查时间
            bloodTime:'',
            // 尿常规
            urine:'',
            // 尿常规检查时间
            urineTime:'',
            bloodWBC:'',
            bloodRBC:'',
            bloodHb:'',
            bloodPLT:'',
            bloodPINP:'',
            // 尿常规状态
            urineState:'',
            // 尿常规异常信息
            urineMsg:'',
            // 生化检查
            biochemistry:'',
            // 生化检查时间
            biochemistryTime:'',
            biochemistryCr:'',
            biochemistryUA:'',
            biochemistryUrea:'',
            biochemistryESR:'',
            // 甲状腺检查
            thyroid:'',
            // 甲状腺检查时间
            thyroidTime:'',
            thyroidTT3:'',
            thyroidTT4:'',
            thyroidFT3:'',
            thyroidFT4:'',
            thyroidTSH:'',
            // 是否开药
            prescribingDrugs:'',
            // 是否完善上次
            prescribingDrugsPre:'',
            sportMode:'',
            // 图片文件
            file:'',
            // 用药数据
            drugs:[]
          },
          // 胸椎骨折情况
          lineChest:[
            {
              name:'不详',
              id:'1',
              checkName:'lineChest',
              forId:'lineChest1',
              check:false
            },
            {
              name:'T1',
              id:'2',
              checkName:'lineChest',
              forId:'lineChest2',
              check:false
            },
            {
              name:'T2',
              id:'3',
              checkName:'lineChest',
              forId:'lineChest3',
              check:false
            },
            {
              name:'T3',
              id:'4',
              checkName:'lineChest',
              forId:'lineChest4',
              check:false
            },
            {
              name:'T4',
              id:'5',
              checkName:'lineChest',
              forId:'lineChest5',
              check:false
            },
            {
              name:'T5',
              id:'6',
              checkName:'lineChest',
              forId:'lineChest6',
              check:false
            },
            {
              name:'T6',
              id:'7',
              checkName:'lineChest',
              forId:'lineChest7',
              check:false
            },
            {
              name:'T7',
              id:'8',
              checkName:'lineChest',
              forId:'lineChest8',
              check:false
            },
            {
              name:'T8',
              id:'9',
              checkName:'lineChest',
              forId:'lineChest9',
              check:false
            },
            {
              name:'T9',
              id:'10',
              checkName:'lineChest',
              forId:'lineChest10',
              check:false
            },
            {
              name:'T10',
              id:'11',
              checkName:'lineChest',
              forId:'lineChest11',
              check:false
            },
            {
              name:'T11',
              id:'12',
              checkName:'lineChest',
              forId:'lineChest12',
              check:false
            },
            {
              name:'T12',
              id:'13',
              checkName:'lineChest',
              forId:'lineChest13',
              check:false
            }
          ],
          // 骨折
          lineFracture:[
            {
              name:'无',
              id:'1',
              checkName:'lineFracture',
              forId:'lineFracture1',
              check:false
            },
            {
              name:'胸椎',
              id:'2',
              checkName:'lineFracture',
              forId:'lineFracture2',
              check:false
            },
            {
              name:'腰椎',
              id:'3',
              checkName:'lineFracture',
              forId:'lineFracture3',
              check:false
            },
            {
              name:'骨盆',
              id:'4',
              checkName:'lineFracture',
              forId:'lineFracture4',
              check:false
            },
            {
              name:'股骨干',
              id:'5',
              checkName:'lineFracture',
              forId:'lineFracture5',
              check:false
            },
            {
              name:'股骨颈',
              id:'6',
              checkName:'lineFracture',
              forId:'lineFracture6',
              check:false
            },
            {
              name:'粗隆间',
              id:'7',
              checkName:'lineFracture',
              forId:'lineFracture7',
              check:false
            },
            {
              name:'胫骨',
              id:'8',
              checkName:'lineFracture',
              forId:'lineFracture8',
              check:false
            },
            {
              name:'腓骨',
              id:'9',
              checkName:'lineFracture',
              forId:'lineFracture9',
              check:false
            },
            {
              name:'桡骨',
              id:'10',
              checkName:'lineFracture',
              forId:'lineFracture10',
              check:false
            },
            {
              name:'尺骨',
              id:'11',
              checkName:'lineFracture',
              forId:'lineFracture11',
              check:false
            },
            {
              name:'肱骨',
              id:'12',
              checkName:'lineFracture',
              forId:'lineFracture12',
              check:false
            },
            {
              name:'肋骨',
              id:'13',
              checkName:'lineFracture',
              forId:'lineFracture13',
              check:false
            },
            {
              name:'脚踝',
              id:'14',
              checkName:'lineFracture',
              forId:'lineFracture14',
              check:false
            }
          ],
          // 本次检查项目
          checkProject:[
            {
              name:'未作任何检查',
              id:'1',
              checkName:'checkProject',
              forId:'checkProject1',
              check:false
            },
            {
              name:'DXA',
              id:'2',
              checkName:'checkProject',
              forId:'checkProject2',
              check:false
            },
            {
              name:'超声骨测量',
              id:'3',
              checkName:'checkProject',
              forId:'checkProject3',
              check:false
            },
            {
              name:'X线检查',
              id:'4',
              checkName:'checkProject',
              forId:'checkProject4',
              check:false
            },
            {
              name:'CT检查',
              id:'5',
              checkName:'checkProject',
              forId:'checkProject5',
              check:false
            },
            {
              name:'MRI检查',
              id:'6',
              checkName:'checkProject',
              forId:'checkProject6',
              check:false
            },
            {
              name:'骨代谢检查',
              id:'7',
              checkName:'checkProject',
              forId:'checkProject7',
              check:false
            },
            {
              name:'实验室检查',
              id:'8',
              checkName:'checkProject',
              forId:'checkProject8',
              check:false
            },
            {
              name:'未作任何检查',
              id:'9',
              checkName:'checkProject',
              forId:'checkProject9',
              check:false
            }
          ],
          checkProjectNext:[
            {
              name:'未作任何检查',
              id:'1',
              checkName:'checkProject',
              forId:'checkProjectNext1',
              check:false
            },
            {
              name:'DXA',
              id:'2',
              checkName:'checkProject',
              forId:'checkProjectNext2',
              check:false
            },
            {
              name:'超声骨测量',
              id:'3',
              checkName:'checkProject',
              forId:'checkProjectNext3',
              check:false
            },
            {
              name:':X线检查',
              id:'4',
              checkName:'checkProject',
              forId:'checkProjectNext4',
              check:false
            },
            {
              name:'CT检查',
              id:'5',
              checkName:'checkProject',
              forId:'checkProjectNext5',
              check:false
            },
            {
              name:'MRI检查',
              id:'6',
              checkName:'checkProject',
              forId:'checkProjectNext6',
              check:false
            },
            {
              name:'骨代谢检查',
              id:'7',
              checkName:'checkProject',
              forId:'checkProjectNext7',
              check:false
            },
            {
              name:'实验室检查',
              id:'8',
              checkName:'checkProject',
              forId:'checkProjectNext8',
              check:false
            },
            {
              name:'未作任何检查',
              id:'9',
              checkName:'checkProject',
              forId:'checkProjectNext9',
              check:false
            }
          ],
          // 手术史
          operation:[
            {
              name:'无',
              id:'1',
              checkName:'operation',
              forId:'operation1',
              check:false
            },
            {
              name:'子宫切除',
              id:'2',
              checkName:'operation',
              forId:'operation2',
              check:false
            },
            {
              name:'卵巢切除',
              id:'3',
              checkName:'operation',
              forId:'operation3',
              check:false
            },
            {
              name:'甲状腺切除',
              id:'4',
              checkName:'operation',
              forId:'operation4',
              check:false
            },
            {
              name:'甲状旁腺切除',
              id:'5',
              checkName:'operation',
              forId:'operation5',
              check:false
            },
            {
              name:'使用过骨水泥',
              id:'6',
              checkName:'operation',
              forId:'operation6',
              check:false
            },
            {
              name:'其他',
              id:'7',
              checkName:'operation',
              forId:'operation7',
              check:false
            }
          ],
          // 其他药物使用情况
          otherDrug:[
            {
              name:'无',
              id:'1',
              checkName:'otherDrug',
              forId:'otherDrug1',
              check:false
            },
            {
              name:'抗癫痫药物',
              id:'2',
              checkName:'otherDrug',
              forId:'otherDrug2',
              check:false
            },
            {
              name:'细胞毒或免疫抑制剂',
              id:'3',
              checkName:'otherDrug',
              forId:'otherDrug3',
              check:false
            },
            {
              name:'铝制剂',
              id:'4',
              checkName:'otherDrug',
              forId:'otherDrug4',
              check:false
            },
            {
              name:'锂制剂',
              id:'5',
              checkName:'otherDrug',
              forId:'otherDrug5',
              check:false
            },
            {
              name:'肝素',
              id:'6',
              checkName:'otherDrug',
              forId:'otherDrug6',
              check:false
            },
            {
              name:'芳香化酶抑制剂',
              id:'7',
              checkName:'otherDrug',
              forId:'otherDrug7',
              check:false
            },
            {
              name:'其他',
              id:'8',
              checkName:'otherDrug',
              forId:'otherDrug8',
              check:false
            }
          ],
          // 饮用类型数组
          drinkingType:[
            {
              name:'白开水',
              id:'1',
              checkName:'drinkingType',
              forId:'drinkingType1',
              check:false
            },
            {
              name:'浓茶水',
              id:'2',
              checkName:'drinkingType',
              forId:'drinkingType2',
              check:false
            },
            {
              name:'乳制品',
              id:'3',
              checkName:'drinkingType',
              forId:'drinkingType3',
              check:false
            },
            {
              name:'碳酸饮料',
              id:'4',
              checkName:'drinkingType',
              forId:'drinkingType4',
              check:false
            },
            {
              name:'咖啡',
              id:'5',
              checkName:'drinkingType',
              forId:'drinkingType5',
              check:false
            },
            {
              name:'其它饮料',
              id:'6',
              checkName:'drinkingType',
              forId:'drinkingType6',
              check:false
            }
          ],
          // 最常用锻炼方式
          sportMode:[
            {
              name:'散步',
              id:'1',
              forId:'sportMode1',
              checkName:'sportMode',
              check:false
            },
            {
              name:'快步走',
              id:'2',
              forId:'sportMode2',
              checkName:'sportMode',
              check:false
            },
            {
              name:'慢跑',
              id:'3',
              forId:'sportMode3',
              checkName:'sportMode',
              check:false
            },
            {
              name:'跳舞',
              id:'4',
              forId:'sportMode4',
              checkName:'sportMode',
              check:false
            },
            {
              name:'太极拳',
              id:'5',
              forId:'sportMode5',
              checkName:'sportMode',
              check:false
            },
            {
              name:'爬山/楼梯',
              id:'6',
              forId:'sportMode6',
              checkName:'sportMode',
              check:false
            },
            {
              name:'太极拳',
              id:'7',
              forId:'sportMode7',
              checkName:'sportMode',
              check:false
            },
            {
              name:'健身器材',
              id:'8',
              forId:'sportMode8',
              checkName:'sportMode',
              check:false
            },
            {
              name:'打球',
              id:'9',
              forId:'sportMode9',
              checkName:'sportMode',
              check:false
            },
            {
              name:'游泳',
              id:'10',
              forId:'sportMode10',
              checkName:'sportMode',
              check:false
            },
            {
              name:'其他',
              id:'11',
              forId:'sportMode11',
              checkName:'sportMode',
              check:false
            }
          ],
          reads:[],
          checkData2:[],
          testTime:[],
          reads1:[],
          checkData1:[],
          testTime1:[]
        },
        mounted(){
          initLayDate('#beginDate');
          initLayDate('#lineTime');
          initLayDate('#bloodTime');
          initLayDate('#biochemistryTime');
          initLayDate('#metabolizeTime');
          initLayDate('#thyroidTime');
          initLayDate('#absorbTime');
          initLayDate('#formationTime');
          initLayDate('#checkTime');
          initLayDate('#nextDate');

          let that = this;
          let search = location.search.split('?')[1]
//            // 初始化获取默认今天
          let [namr,value] = search.split('&')[0].split('=');
          that.idCard= value;
          that.checkData.idCard = that.idCard;
          let [idName,idValue] = search.split('&')[1].split('=');
          // 获取用药数据
          var date = that.getNowFormatDate();
          that.checkData.accompanyTime = date;
          var year = date.slice(0,4)
          // 获取月份
          var month = date.slice(5,7)
          if( parseInt(month) + 6 > 12 ){
            month = parseInt(month) + 6 -12
            year = parseInt(year) + 1
          }else{
            month = parseInt(month) + 6
          }
          if( String(month).length <= 1 ){
            month = '0' + month
          }
          // 获取日期
          var day = date.slice(8,10)
                            if( parseInt(month) === 2 ){
                                if( parseInt(day) > 28 ){
                                  if (((year % 4)==0) && ((year % 100)!=0) || ((year % 400)==0)) {
                                    day = '29'
                                  }else{
                                    day = '28'
                                }
                              }
                            }else if( parseInt(month) === 4 || parseInt(month) === 6 || parseInt(month) === 9 || parseInt(month) === 11 ){
                                if( parseInt(day) > 30 ){
                                    day = '30';
                                }
                            }
          var time = year + '-' + month + '-' + day;
          that.checkData.nextAccompanyTime = time;

            // 获取病人基本信息
            $.ajax({
                url: "${URL_PATIENT_PATIENTINFO}",
                type: 'post',
                dataType: "json",
                data: {
                    idCard: that.idCard
                },
                success: function (data) {
                    that.infor = data.data;
                    console.log(that.infor);
                    that.infor.diseasesType = Type(that.infor.diseasesType);
                    that.id = that.infor.id;
                    // that.idCard = url;
                    sessionStorage.setItem('BMI', that.infor.bMI);
                    sessionStorage.setItem('age', that.infor.age);
                }
            })

          // 获取图表数据
          if( idValue != '' ) {
              // id 不为空，此时是「修改」页面
            that.id = idValue;
            that.showCurd = true;

            // 查询用药信息
            $.ajax({
              url:'${URL_BLONELOOSE_DRUGLIST}',
              data:{
                idCard:that.idCard,
                checkId:that.id,
                preCheck:that.checkData.prescribingDrugsPre
              },
              dataType:'json',
              type:'get',
              success:function(data){
                if( data.dataList.length != 0 ){
                  data.dataList.forEach((item,index)=>{
                    that.medicalList.push({
                      id:index+1,
                      type:item.type,
                      chemistryName:item.chemistryName,
                      productName:item.productName,
                      consumption:item.consumption,
                      frequency:item.frequency,
                      mode:item.mode,
                      useStop:item.useStop
                    })
                  })
                }
              }
            })
            // 初始化获取诊疗数据
            $.ajax({
              url:'${URL_ACCOMPANY_BLDATA}',
              data:{
                id:that.id
              },
              dataType:'json',
              type:'post',
              success:function(data){
                console.log(data)
                for( let key in data.data ){
                  for( let a in that.checkData ){
                    if( a == key ){
                      that.checkData[a] = data.data[key]
                    }
                  }
                }
                for ( let key in that.checkData ){
                  if( that.checkData[key] == null ){
                    that.checkData[key] = ''
                  }
                }
                // 胸椎骨折情况
                var lineChatList = JSON.parse(that.checkData.lineChest);
                that.lineChestSelect = lineChatList
                for( var a = 0 ;a < lineChatList.length; a++ ){
                  for( var i = 0; i < that.lineChest.length; i++ ){
                    if( lineChatList[a].name == that.lineChest[i].name ){
                      that.lineChest[i].check = true
                    }
                  }
                }
                that.checkData.linePhoto = data.data.linePhoto;
                if( that.checkData.weight != '' && that.checkData.height != '' ){
                  if( that.checkData.weight == 0 || that.checkData.height == 0 ) {
                    that.BMI = 0
                  }else{
                    var Num = parseInt(that.checkData.height) * 0.01
                    that.BMI = parseInt(that.checkData.weight) / ( Num*Num );
                    that.BMI = that.BMI.toFixed(2);
                  }
                } else{
                  that.BMI = ''
                }
                that.checkData.smoke = that.isNull(that.checkData.smoke);
                that.checkData.drink = that.isNull(that.checkData.drink);
                that.checkData.diet = that.isNull(that.checkData.diet);
                that.checkData.sleepTime = that.isNull(that.checkData.sleepTime);
                that.checkData.sunTime = that.isNull(that.checkData.sunTime);
                that.checkData.drug = that.isNull(that.checkData.drug);
                that.checkData.hormone = that.isNull(that.checkData.hormone);
                that.checkData.sexHomone = that.isNull(that.checkData.sexHomone);
                that.checkData.fracture = that.isNull(that.checkData.fracture);
                that.checkData.standHelp = that.isNull(that.checkData.standHelp);
                that.checkData.checkType = that.isNull(that.checkData.checkType);
                that.checkData.usdDrug = that.isNull(that.checkData.usdDrug);
                that.checkData.boneType = that.isNull(that.checkData.boneType);
                that.checkData.muscleType = that.isNull(that.checkData.muscleType);
                that.checkData.walkType = that.isNull(that.checkData.walkType);
                that.checkData.newFracture = that.isNull(that.checkData.newFracture);
                that.checkData.powerType = that.isNull(that.checkData.powerType);
                that.checkData.waistType = that.isNull(that.checkData.waistType);
                that.checkData.standHelp = that.isNull(that.checkData.standHelp);
                that.checkData.absorb = that.isNull(that.checkData.absorb);
                that.checkData.formationTime = that.isNull(that.checkData.formationTime);
                that.checkData.metabolize = that.isNull(that.checkData.metabolize);
                that.checkData.blood = that.isNull(that.checkData.blood)
                that.checkData.urine = that.isNull(that.checkData.urine)
                that.checkData.biochemistry = that.isNull(that.checkData.biochemistry)
                that.checkData.thyroid = that.isNull(that.checkData.thyroid)
                that.checkData.sportMode = that.isNull(that.checkData.sportMode)
                // 引用类型数据回显
                that.showMoreCheck(that.drinkingType,that.checkData.drinkingType)
                // 常用锻炼方式数据回显
                that.showMoreCheck(that.sportMode,that.checkData.sportMode)
                // 其他药物使用情况
                that.showMoreCheck(that.otherDrug,that.checkData.otherDrug)
                // 手术史
                that.showMoreCheck(that.operation,that.checkData.operation)
                // 本次项目检查
                that.showMoreCheck(that.checkProject,that.checkData.checkProject)
                // 下次项目检查
                that.showMoreCheck(that.checkProjectNext,that.checkData.checkProjectNext);
                // 骨折
                that.showMoreCheck(that.lineFracture,that.checkData.lineFracture);
                // 胸椎骨折情况
//                        that.showMoreCheck(that.lineChest,that.checkData.lineChest);
                // 风湿系统疾病
                that.showMoreCheckOther(that.illnessData[1].list,that.checkData.rheumatismType);
                // 内分泌及代谢系统疾病
                that.showMoreCheckOther(that.illnessData[2].list,that.checkData.endocrineType);
                // 循环系统疾病
                that.showMoreCheckOther(that.illnessData[3].list,that.checkData.circulatoryType);
                // 呼吸系统疾病
                that.showMoreCheckOther(that.illnessData[4].list,that.checkData.breathingType);
                // 神经及精神系统疾病
                that.showMoreCheckOther(that.illnessData[5].list,that.checkData.nerveType);
                // 消化系统疾病
                that.showMoreCheckOther(that.illnessData[6].list,that.checkData.digestionType);
                // 泌尿系统疾病
                that.showMoreCheckOther(that.illnessData[7].list,that.checkData.urineType);
                // 血液系统疾病
                that.showMoreCheckOther(that.illnessData[8].list,that.checkData.bloodType);
                // 先天性及遗传性疾病
                that.showMoreCheckOther(that.illnessData[9].list,that.checkData.inheritanceType);
                // 其他
                that.showMoreCheckOther(that.illnessData[10].list,that.checkData.otherType);
              }
            })
          }else{
              // id 为空，此时是「新增」页面。
              // 根据身份证号，获取该患者上一次有药物随访的药物信息
              var lastCheckId; // 该患者上一次有药物随访的 id
              $.ajax({
                  url: '${URL_ACCOMPANY_BL_LAST_WITH_MEDICAL}',
                  data: {
                      idCard: that.idCard
                  },
                  dataType:'json',
                  type: 'get',
                  async: false,
                  success: function (res) {
                      if (res.code == 0 && res.data) {
                          lastCheckId = res.data.lastCheckId;
                          console.debug('lastCheckId:' + lastCheckId);
                      }
                  }
              });

              // 根据上一次随访的id，查询上一次随访的药物信息
              if (!isBlank(lastCheckId)) {
                  $.ajax({
                      url:'${URL_BLONELOOSE_DRUGLIST}',
                      data:{
                          idCard: that.idCard,
                          checkId: lastCheckId,
                          preCheck: that.checkData.prescribingDrugsPre
                      },
                      dataType:'json',
                      type:'get',
                      success:function(data){
                          if( data.dataList.length != 0 ){
                              data.dataList.forEach((item,index)=>{
                                  that.medicalList.push({
                                      id:index+1,
                                      type:item.type,
                                      chemistryName:item.chemistryName,
                                      productName:item.productName,
                                      consumption:item.consumption,
                                      frequency:item.frequency,
                                      mode:item.mode,
                                      useStop:item.useStop
                                  })
                              })
                          }
                      }
                  })
              }

            // 初始化默认随诊日期为今天
            that.checkData.checkTime = that.getNowFormatDate();
            that.checkData.lineTime = that.getNowFormatDate();
            that.checkData.bloodTime = that.getNowFormatDate();
            that.checkData.urineTime = that.getNowFormatDate();
            that.checkData.biochemistryTime = that.getNowFormatDate();
            that.checkData.metabolizeTime = that.getNowFormatDate();
            that.checkData.thyroidTime = that.getNowFormatDate();
            that.checkData.absorbTime = that.getNowFormatDate();
            that.checkData.formationTime = that.getNowFormatDate();
          }
        },
        methods: {
            //修改病人基本信息
            addDevice: function () {
                let that = this;
                window.parent.showNewModelIframe("${URL_PATIENT_PATIENT}?id=" + that.infor.id + '&diseasesType=' + that.type, 800, 650);
            },
            Synchronous(e) {
                let that = this
                $.ajax({
                    url: '${URL_PATIENT_UPDATEPATIENT}',
                    data: {
                        id: that.infor.id,
                        synchronization: '1'
                    },
                    type: 'post',
                    dataType: 'json',
                    success: function (data) {
                        console.log(data)
                        if (data.success) {
                            e.target.disabled = true;
                            e.target.innerText = '正在同步'
                            that.setTime()
                        } else {
                            window.parent.showNewModelIframe('${URL_COMMON_TOTIPS}?title=' + data.msg, 300, 200)
                        }
                    }
                })
            },
          getBmi(){

          },
          getNowFormatDate() {
            var date = new Date();
            var seperator1 = "-";
            var year = date.getFullYear();
            var month = date.getMonth() + 1;
            var strDate = date.getDate();
            if (month >= 1 && month <= 9) {
              month = "0" + month;
            }
            if (strDate >= 0 && strDate <= 9) {
              strDate = "0" + strDate;
            }
            var currentdate = year + seperator1 + month + seperator1 + strDate;
            return currentdate;
          },
          chengSelect(){
            let that = this;
            if( that.checkData.prescribingDrugsPre == 1 ){
              $.ajax({
                url:'${URL_BLONELOOSE_DRUGLIST}',
                data:{
                  idCard:that.idCard,
                  checkId:that.id,
                  preCheck:that.checkData.prescribingDrugsPre
                },
                dataType:'json',
                type:'get',
                success:function(data){
                  if( data.dataList.length != 0 ){
                    data.dataList.forEach((item,index)=>{
                      that.medicalList.push({
                        id:index+1,
                        type:item.type,
                        chemistryName:item.chemistryName,
                        productName:item.productName,
                        consumption:item.consumption,
                        frequency:item.frequency,
                        mode:item.mode,
                        useStop:item.useStop
                      })
                    })
                  }
                }
              })
            }
          },
          closeFrame(){
            that.medical = false;
          },
          // 多选框回显
          showMoreCheck(locaData,data){
            // 字符串为空
            if(data.length == 0 || data == '' || data == null) {
              data = '';
            } else if (data.indexOf(',') != -1) {
              // 字符串包含英文,则说明是数组
              data = data.split(',');
            } else {
              // 单个字符串 eg: '1'
              data = data.split('');
            }
            for( var a = 0; a < locaData.length; a++ ){
              for( var i = 0; i < data.length; i++ ){
                if( locaData[a].id == data[i] ){
                  locaData[a].check = true
                }
              }
            }
          },
          showMoreCheckOther(locaData,data){
            // 字符串为空
            if(data.length == 0 || data == '' || data == null) {
              data = '';
            } else if (data.indexOf(',') != -1) {
              // 字符串包含英文,则说明是数组
              data = data.split(',');
            } else {
              // 单个字符串 eg: '1'
              data = data.split('');
            }
            for( var a = 0; a < locaData.length; a++ ){
              for( var i = 0; i < data.length; i++ ){
                if( locaData[a].id == data[i] ){
                  locaData[a].checked = true
                }
              }
            }
          },
          // 当前日期
          getNowFormatDate() {
            var date = new Date();
            var seperator1 = "-";
            var year = date.getFullYear();
            var month = date.getMonth() + 1;
            var strDate = date.getDate();
            if (month >= 1 && month <= 9) {
              month = "0" + month;
            }
            if (strDate >= 0 && strDate <= 9) {
              strDate = "0" + strDate;
            }
            var currentdate = year + seperator1 + month + seperator1 + strDate;
            return currentdate;
          },
          // 骨折情况
          lineChestCheck(item){
            let that = this;
            that.checkData.lineChest = that.getSelectArray(that.checkData.lineChest,item)
            if( item.name != '不详' ){
              if( item.check ){
                that.lineChestSelect.push({
                  name:item.name,
                  id:item.id
                })
              }else{
                var arrList = [];
                that.lineChestSelect.forEach((list,index)=>{
                  if( list.name != item.name ){
                    arrList.push(list)
                  }
                })
                that.lineChestSelect = arrList
              }
            }
          },
          // 骨折
          lineFractureCheck(item){
            let that = this;
            that.checkData.lineFracture = that.getSelectArray(that.checkData.lineFracture,item)
          },
          // 本次检查项目
          checkProjectCheck(item){
            let that = this;
            that.checkData.checkProject = that.getSelectArray(that.checkData.checkProject,item);
          },
          // 下次检查项目
          checkProjectNextCheck(item){
            let that = this;
            that.checkData.checkProjectNext = that.getSelectArray(that.checkData.checkProjectNext,item);
          },
          // 手术史
          operationCheck(item){
            let that = this;
            that.checkData.operation = that.getSelectArray(that.checkData.operation,item);
          },
          // 其他药物使用情况
          otherDrugCheck(item){
            let that = this;
            that.checkData.otherDrug = that.getSelectArray(that.checkData.otherDrug,item);
          },
          sportModeCheck(item){
            let that = this;
            that.checkData.sportMode = that.getSelectArray(that.checkData.sportMode,item);
          },
          // 饮用类型
          drinkingTypeCheck(item){
            let that = this;
            that.checkData.drinkingType = that.getSelectArray(that.checkData.drinkingType,item);
          },
          rheumatismType(item,name){
            let that = this;
            if( name == '风湿系统疾病' ){
              that.checkData.rheumatismType = that.getSelectArrayOther(that.checkData.rheumatismType,item)
            }else if( name == '风湿系统疾病' ){
              that.checkData.rheumatismType = that.getSelectArrayOther(that.checkData.rheumatismType,item)
            }else if( name == '内分泌及代谢系统疾病' ){
              that.checkData.endocrineType = that.getSelectArrayOther(that.checkData.endocrineType,item)
            }else if( name == '循环系统疾病' ){
              that.checkData.circulatoryType = that.getSelectArrayOther(that.checkData.circulatoryType,item)
            }else if( name == '呼吸系统疾病' ){
              that.checkData.breathingType = that.getSelectArrayOther(that.checkData.breathingType,item)
            }else if( name == '神经及精神系统疾病' ){
              that.checkData.nerveType = that.getSelectArrayOther(that.checkData.nerveType,item)
            }else if( name == '消化系统疾病' ){
              that.checkData.digestionType = that.getSelectArrayOther(that.checkData.digestionType,item)
            }else if( name == '泌尿系统疾病' ){
              that.checkData.urineType = that.getSelectArrayOther(that.checkData.urineType,item)
            }else if( name == '血液系统疾病' ){
              that.checkData.bloodType = that.getSelectArrayOther(that.checkData.bloodType,item)
            }else if( name == '先天性及遗传性疾病' ){
              that.checkData.inheritanceType = that.getSelectArrayOther(that.checkData.inheritanceType,item)
            }else if( name == '其他' ){
              that.checkData.otherType = that.getSelectArrayOther(that.checkData.otherType,item)
            }
          },
          // 公用获取选中的数组方法
          getSelectArray(data,item){
            if( data == '' ){
              data = []
            }else if( data.constructor != Array ){
              data = data.split(',')
            }
            if( !item.check ){
              item.check = true;
              data.push(item.id)
            }else{
              item.check = false;
              var index = data.indexOf(item.id);
              if (index > -1) {
                data.splice(index, 1);
              }
            }
            if(data.indexOf('[]') > -1) {
              data = data.replace(/[]/g, "");
            }
            return data
          },
          getSelectArrayOther(data,item){
            if( data == '' ){
              data = []
            }else if( data.constructor != Array ){
              data = data.split(',')
            }
            if( !item.checked ){
              item.checked = true;
              data.push(item.id)
            }else{
              item.checked = false;
              var index = data.indexOf(item.id);
              if (index > -1) {
                data.splice(index, 1);
              }
            }
            if(data.indexOf('[]') > -1) {
              data = data.replace(/[]/g, "");
            }
            return data.toString()
          },
          isNull(data){
            if( data == null ){
              data = ''
            }
            return data
          },
          addDXAdata(){
            let that = this;
            window.parent.showNewModelIframe('${URL_BLONELOOSE_CHECKBMD}?idCard=' + that.idCard,800,400);
          },
          addScoreData(){
            let that = this;
            window.parent.showNewModelIframe('${URL_BLONELOOSE_CHECKT}?idCard=' + that.idCard,800,400);
          },
          deletMedical(){
            // 获取id
            let that = this;
            var checkedArray = []
            var input = $('.check_id');
            for( var a = 0; a < input.length; a++ ){
              if( input[a].checked ){
                checkedArray.push(input[a])
              }
            }
            if( checkedArray.length == 0 ){
              var str = '请勾选一条以上数据删除'
              window.parent.showNewModelIframe('${URL_COMMON_TOTIPS}?title='+ encodeURI(encodeURI(str)),380,220)
            }else{
              var ids = [];
              for( var a = 0; a < checkedArray.length; a++ ){
                ids.push(checkedArray[a].value)
              }
              var r = confirm("确定要删除勾选的数据吗?");
              if (r == true) {
                var arr = []
                for( var a = 0; a < that.medicalList.length; a++ ){
                  for( var  i = 0; i < ids.length; i++ ){
                    if( that.medicalList[a].id != ids[i] ){
                      arr.push(that.medicalList[a])
                    }
                  }
                }
                that.medicalList = arr;
                for( var a = 0; a < input.length; a++ ){
                  input[a].checked = false
                }
              }
            }
          },
          UpdateMedical(){
            let that = this;
            var checkedArray = []
            var input = $('.check_id');
            for( var a = 0; a < input.length; a++ ){
              if( input[a].checked ){
                checkedArray.push(input[a])
              }
            }
            if( checkedArray.length != 1 ){
              var str = '请勾选一条数据修改'
              window.parent.showNewModelIframe('${URL_COMMON_TOTIPS}?title='+ encodeURI(encodeURI(str)),380,220)
            }else{
              var td = checkedArray[0].parentNode.parentNode.childNodes;
              var id = td[0].firstElementChild.value
              window.parent.showNewModelIframe('${URL_BLONELOOSE_CHECK}?idCard=' + that.idCard+ '&checkId='+that.id +'&id='+id,800,600);
            }
          },
          toAddMedical(){
            let that = this;
            window.parent.showNewModelIframe('${URL_BLONELOOSE_CHECK}?idCard=' + that.idCard+ '&checkId='+that.id + '&id='+'',800,600);
          },
          pressure(){
            let that = this;
            that.saveDisabled = true;
            if( that.checkData.accompanyType == '' ){
              $('#accompanyType').addClass('default')
              return
            }else{
              if( $('#accompanyType').hasClass('default')){
                $('#accompanyType').removeClass('default')
              }
            }
            that.checkData.checkTime = $('#checkTime').val()
            that.checkData.formationTime = $('#formationTime').val();
            that.checkData.metabolizeTime = $('#metabolizeTime').val();
            that.checkData.absorbTime = $('#absorbTime').val();
            that.checkData.lineTime = $('#lineTime').val();
            that.checkData.bloodTime = $('#bloodTime').val();
            that.checkData.biochemistryTime = $('#biochemistryTime').val();
            that.checkData.thyroidTime = $('#thyroidTime').val();
            that.checkData.drugs = that.medicalList;
            that.checkData.lineChest = that.lineChestSelect;
            that.checkData.checkProjectNext = that.checkData.checkProjectNext.toString();
            that.checkData.checkProject = that.checkData.checkProject.toString();
            that.checkData.operation = that.checkData.operation.toString();
            that.checkData.otherDrug = that.checkData.otherDrug.toString();
            that.checkData.sportMode = that.checkData.sportMode.toString();
            that.checkData.nextAccompanyTime = $('#nextDate').val();
            that.checkData.accompanyTime = $('#beginDate').val();
            that.checkData.checkTime = $('#checkTime').val();
            that.checkData.drinkingType = that.checkData.drinkingType.toString();
            that.checkData.lineFracture = that.checkData.lineFracture.toString();
            $.ajax({
              url:'${URL_ACCOMPANY_SAVEBL}',
              contentType:'application/json;charset=utf-8',
              data:JSON.stringify(that.checkData),
              dataType:'json',
              type:'post',
              success:function(data){
                if(data.success){
                  $.ajax({
                    url:"${URL_SCREENING_GETBREADLINE}",
                    dataType:'json',
                    type:'post',
                    success:function(data){
                      var urlLib = '';
                      urlLib = JSON.parse(data.data).slice(0,urlLib.length-1)
                      $.ajax({
                        url:'${URL_SCREENING_SAVEBREADLINE}',
                        data:{
                          breadLine:JSON.stringify(urlLib)
                        },
                        dataType:'json',
                        type:'post',
                        success:function(data){
                          parent.showSrc(urlLib[urlLib.length-1].href);
                          // 刷新当前页面
                          window.parent.simpleCloseModal();
                        }
                      })
                    }
                  })
                }
              }
            })
          }
        },
        watch:{
          checkData:{
            handler(){
              if( this.checkData.weight != '' && this.checkData.height != '' ){
                if( this.checkData.weight == 0 || this.checkData.height == 0 ) {
                  this.BMI = 0
                }else{
                  var Num = parseInt(this.checkData.height) * 0.01
                  this.BMI = parseInt(this.checkData.weight) / ( Num*Num );
                  this.BMI = this.BMI.toFixed(2);
                }
              } else{
                this.BMI = ''
              }
            },
            deep:true
          }
        }
      })
      $(function(){
        $('.addImg').click(function(){
          $('#file').click();
        });
        var x = 10;
        var y = 20;
        $(".addImg").mouseover(function(e){
          if( vm.checkData.linePhoto == '' ){
            return false
          }
          var tooltip = "<div id='tooltip'><img src='"+ document.getElementById("linePhoto").src +"' style='max-width:100%;'/><\/div>"; //创建 div 元素
          $("body").append(tooltip);	//把它追加到文档中
          $("#tooltip")
            .css({
              "top": (e.pageY) + "px",
              "left":  (e.pageX)  + "px"
            }).show("fast");	  //设置x坐标和y坐标，并且显示
        }).mouseout(function(){
          $("#tooltip").remove();	 //移除
        }).mousemove(function(e){
          $("#tooltip")
            .css({
              "top": (e.pageY+y) + "px",
              "left":  (e.pageX+x)  + "px"
            });
        });
        $("#file").change(function () {
          //创建blob对象，浏览器将文件放入内存中，并生成标识
          var img_src = URL.createObjectURL($(this)[0].files[0]);
          let teacherImg = $(this).val();
          let teacherImgfile = getFileType(teacherImg);
          if(teacherImgfile != "bmp" && teacherImgfile != "png" && teacherImgfile != "gif" && teacherImgfile != "jpg" && teacherImgfile!= "jpeg"){
            alert('请选择图片格式的文件！')
            $("#filed").val("")
            return;
          }
          //给img标检的src赋值
//            document.getElementById("linePhoto").src=img_src;
          var formData = new FormData();
          formData.append('file', $("#file")[0].files[0]);
          // 提交
          $.ajax({
            url:'${URL_FILE_UPLOADVERSION}',
            processData: false,
            contentType: false,
            data:formData,
            type: 'post',
            dataType: 'json',
            success:function(data){
              vm.checkData.linePhoto = data.data
            }
          })
        });
      })
      function getFileType(filePath){
        var startIndex = filePath.lastIndexOf(".");
        if(startIndex != -1)
          return filePath.substring(startIndex+1, filePath.length).toLowerCase();
        else return "";
      }

      function isBlank(obj) {
          return !obj || obj == "" || isNaN(obj);
      }

    </script>
</body>
</html>
